.servie{
		@include flex-base;
		justify-content: space-between;
		flex-wrap: wrap;
		.servie-item{
			width: 344upx;
			height: 130upx;
			box-sizing: border-box;
			border-radius: 20upx;
			margin-bottom: 20upx;
			padding: 20upx 30upx;
		}
		.servie-item:nth-of-type(1n){
			background-image: linear-gradient(to right, #b2ffd9, #d9ffec);
			.servie-item__title{ 
				color: #0bbf68;
			}
			.servie-item__desc{
				background-color: #0bbf68;
			}
		}
		.servie-item:nth-of-type(2n){
			background-image: linear-gradient(to right, #ffe0e1, #fff0f0);
			.servie-item__title{
				color: #ff7155;
			}
			.servie-item__desc{
				background-color: #ff7155;
			}
		}
		.servie-item:nth-of-type(3n){
			background-image: linear-gradient(to right, #ffdfbf, #fff2e6);
			.servie-item__title{
				color: #ff9b24;
			}
			.servie-item__desc{
				background-color: #ff9b24;
			}
		}
		.servie-item:nth-of-type(4n){
			background-image: linear-gradient(to right, #d9eeff, #e6f4ff);
			.servie-item__title{
				color: #44a9ff;
			}
			.servie-item__desc{
				background-color: #44a9ff;
			}
		}
		.servie-item:nth-of-type(5n){
			background-image: linear-gradient(to right, #ddd7ff, #eae6ff);
			.servie-item__title{
				color: #725be0;
			}
			.servie-item__desc{
				background-color: #836fe6;
			}
		}
		.servie-item:nth-of-type(6n){
			background-image: linear-gradient(to right, #ffd9f9, #ffedfc);
			.servie-item__title{
				color: #cf34b5;
			}
			.servie-item__desc{
				background-color: #fa72e3;
			}
		}
		
		.servie-item__title{
			font: 30upx;
			font-weight: bold;
			margin-bottom: 12upx;
		}
		.servie-item__desc{
			font-size: $font-size-24;
			color: #fff;
			border-radius: 40upx;
			display: initial;
			text-align: center;
			padding: 4upx 20upx;
		}
	}
	